<%@ Control Language="C#" AutoEventWireup="true" Codebehind="MenuExt.ascx.cs" Inherits="Framework.Portal.Layouts.Admin.Modules.Menus.MenuExt" %>

<script type="text/javascript" src="/Resource/Javascript/jquery.easing.1.3.js"></script>

<script type="text/javascript" src="/Resource/Javascript/jquery.galleryview-1.1.js"></script>

<script type="text/javascript" src="/Resource/Javascript/jquery.timers-1.1.2.js"></script>

<style type="text/css">
.centertop {
	height: 29px;
	background: url(/Resource/Images/DongDo/border_03.png);
}
.leftcenter {
	width: 14px;
	background: url(/Resource/Images/DongDo/border_09.png);
}
.rightcenter {
	width: 29px;
	background: url(/Resource/Images/DongDo/border_11.png);
}
.centerbottom {
	height: 29px;
	background: url(/Resource/Images/DongDo/border_14.png);
}
</style>

<script type="text/javascript"> 
	$(document).ready(function(){		
		$('#photos').galleryView({
			panel_width: 948,
			panel_height: 300,
			frame_width: 100,
			frame_height: 38,
			transition_speed: 1200,
			background_color: '#222',
			border: 'none',
			easing: 'easeInOutBack',
			pause_on_hover: true,
			nav_theme: 'custom',
			overlay_height: 30,
			filmstrip_position: 'bottom',
			overlay_position: 'bottom'
		});
	});
</script>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
        <td class="lefttop" width="14" height="29">
            <img src="/Resource/Images/DongDo/border_01.png" alt="" width="14" height="29"></td>
        <td class="centertop">
            &nbsp;</td>
        <td class="righttop" width="29" height="29">
            <img src="/Resource/Images/DongDo/border_05.png" alt="" width="29" height="29"></td>
    </tr>
    <tr>
        <td class="leftcenter"></td>
        <td>
            <div id="photos" class="galleryview">                
                <asp:Repeater ID="rptExtMenu" runat="server" OnItemDataBound="rptExtMenu1_ItemDataBound">
                    <ItemTemplate>
                        <div class="panel">
                            <asp:Image ID="imgDESIMAGE" runat="server" />
                            <div class="panel-overlay">
                                <h2>
                                    <asp:Label ID="lblDESCRIPTION" runat="server"></asp:Label></h2>
                            </div>
                        </div>                        
                    </ItemTemplate>
                </asp:Repeater>                
                <asp:Repeater ID="rptFilmtrip" runat="server" OnItemDataBound="rptExtMenu2_ItemDataBound">
                    <HeaderTemplate><ul class="filmstrip"></HeaderTemplate>
                    <FooterTemplate></ul></FooterTemplate>
                    <ItemTemplate>
                        <li>                        
                            <asp:Image ID="imgTITIMAGE" runat="server" /></li>
                    </ItemTemplate>
                </asp:Repeater>                
            </div>
        </td>
        <td class="rightcenter">
        </td>
    </tr>
    <tr>
        <td class="leftbottom" width="14" height="29">
            <img src="/Resource/Images/DongDo/border_13.png" alt="" width="14" height="29"></td>
        <td class="centerbottom">
        </td>
        <td class="rightbottom" width="29" height="29">
            <img src="/Resource/Images/DongDo/border_15.png" alt="" width="29" height="29"></td>
    </tr>
</table>
